.chat-input {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 10px;
    border-top: 1px solid rgba(234, 234, 234, 0.3);

    textarea {
        border: none;
        outline: none;
        resize: none;
        background-color: rgba(17, 17, 17, 0.5);
        color: white;
        height: 160px;
        border-radius: 10px;
        padding: 10px;
    }

    .input-icon {
        display: flex;
        gap: 20px;

        img {
            width: 19px;
            height: 19px;
        }
    }
}

textarea::-webkit-scrollbar {
    width: 0; /* 垂直滚动条宽度 */
}

/* 整个滚动条 */
textarea:hover::-webkit-scrollbar {
    width: 5px; /* 垂直滚动条宽度 */
}

/* 滚动条滑块（拖动条） */
textarea::-webkit-scrollbar-thumb {
    background-color: #d7d7d7; /* 滑块颜色 */
    border-radius: 8px;
}

/* 滚动条轨道 */
textarea::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255, 10%); /* 轨道颜色 */
    backdrop-filter: blur(10px) saturate(180%);
    border-radius: 8px;
}